.switch-box-item {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 16px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-right: none;
    cursor: pointer;
    transition: border-color 0.3s ease;
    &:hover { opacity: .8}
    &:nth-of-type(1) {
      border-radius: 4px 0 0 4px;
    } 
    &:nth-last-of-type(1) {
      border-radius: 0 4px 4px 0;
      border: 1px solid #d9d9d9;;
    } 
  }
  .switch-box-item.selected {
    border: 1px solid rgb(2, 112, 193);
    color: rgb(2, 112, 193);
  }